<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组定义方式</title>
<script>
  function f1(){
    //在js中数组长度是可变的
  //   方式一：声明一个数组，初始长度为0
  //   当向数组中填充元素后，其长度会随之变化
  let arr=new Array();
  arr[0]=1;
  // 数组的下标从零开始每次自增1
  //如果跨元素去赋值，其长度以下标最大的为准，其他未赋值默认声明了未赋值
    arr[2]=2;
    console.log(arr.length)
    console.log(arr[1])
  }
  function f2(){
    // 方式二:声明一个数组,其初始长度为5
    let arr = new Array(5);
    console.log(arr)
    arr[5] = 5;
    console.log(arr.length)
  }
  function f3(){
    // 方式三:声明一个数组的同时,指定数组元素的值
    // 此时指定了几个元素,则数组的长度就是几
    let arr = new Array(1,2,3);
    console.log(arr)
    console.log(arr.length)
    let arr2 = new Array("admin","jack","tom");
    console.log(arr2)
    console.log(arr2.length)
  }
  function f4(){
    // 方式四:声明一个数组的同时,指定数组元素的值
    let arr = [1,2,3,4,5];
    console.log(arr)
  }
</script>
</head>
<body>
<button onclick="f1()">定义方式一</button><br>
<button onclick="f2()">定义方式二</button><br>
<button onclick="f3()">定义方式三</button><br>
<button onclick="f4()">定义方式四</button>
</body>
</html>